﻿<UserControl x:Class="Pronama.NamaAlert.MainPage"
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
	xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" 
	xmlns:System_Windows_Controls_Primitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls" 
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
	xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" 
	xmlns:me="clr-namespace:Pronama.NamaAlert"
	xmlns:converter="clr-namespace:Pronama.NamaAlert.Converter"
	mc:Ignorable="d"
	d:DesignHeight="300" d:DesignWidth="400">

	<UserControl.Resources>
		<converter:InvertBooleanToVisibilityConverter x:Key="InvertBooleanToVisibilityConverter" />
	</UserControl.Resources>
	
	<toolkit:Theme x:Name="ThemeContainer" ThemeUri="/System.Windows.Controls.Theming.Cosmopolitan;component/Theme.xaml">
		<Grid x:Name="LayoutRoot">
			<Grid Visibility="{Binding IsBusy, Converter={StaticResource InvertBooleanToVisibilityConverter}}">
				<Grid.RowDefinitions>
					<RowDefinition Height="Auto" />
					<RowDefinition />
				</Grid.RowDefinitions>

				<sdk:TabControl d:LayoutOverrides="Height">
					<sdk:TabItem Header="TabItem" Height="24" VerticalAlignment="Bottom"/>
					<sdk:TabItem Header="TabItem"/>
				</sdk:TabControl>

				<Grid Grid.Row="1">
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="280" />
						<ColumnDefinition Width="Auto" />
						<ColumnDefinition />
					</Grid.ColumnDefinitions>
					<Grid>
						<Grid.RowDefinitions>
							<RowDefinition Height="Auto" />
							<RowDefinition />
						</Grid.RowDefinitions>

						<!-- Header -->
						<Grid Background="{StaticResource HighlightBrush}">
							<Grid.ColumnDefinitions>
								<ColumnDefinition />
								<ColumnDefinition Width="Auto" />
							</Grid.ColumnDefinitions>
							<StackPanel Orientation="Horizontal">
								<TextBlock Text="{Binding SidebarTitle}" VerticalAlignment="Center" Margin="8 3 3 3"
										   Style="{StaticResource AlertHeaderTextStyle}" />
							</StackPanel>
							<Button Grid.Column="1" Content="✖" HorizontalAlignment="Right" Padding="3" FontSize="15"
									Style="{StaticResource TextButton}" Foreground="{StaticResource HighlightLightBrush}"  />
						</Grid>
						<Grid Grid.Row="1" x:Name="SidebarGrid">
							
						</Grid>
					</Grid>

					<sdk:GridSplitter Grid.Column="1" VerticalAlignment="Stretch" HorizontalAlignment="Left" />

					<Grid Grid.Column="2" x:Name="TabChildGrid">
					</Grid>
				</Grid>
			</Grid>
			<toolkit:BusyIndicator HorizontalAlignment="Center" VerticalAlignment="Center" IsBusy="{Binding IsBusy}" />
		</Grid>
	</toolkit:Theme>
</UserControl>
